$(function() {
	$.jgrid.defaults.styleUI = 'Bootstrap';
	buildgrid();
});


function buildgrid() {
	$("#table_list_2").jqGrid(
		{
            caption : "采购价超标项目",
			url : "/static/recenty/list",
			datatype : "json",
			mtype : "POST",
            colNames : [ '姓名',
                '分部',
                '内容',
                '时间'
            ],
            colModel : [
                {
                    name : 'name',
                    index : 'name',
                    editable : true,
                    editrules:{edithidden:true}
                },
                {
                    name : 'area',
                    index : 'area',
                    editable : true,
                },
                {
                    name : 'content',
                    index : 'content',
                    editable : false,
                    width:300,
                },
                {
                    name : 'time',
                    index : 'time',
                    editable : false,
                },
            ],
			height : "50%",
			autowidth : true,
			rownumbers : true,
			jsonReader : {
				root : "dataList",
				page : "currentPage",
				total : "totalPage", //   很重要 定义了 后台分页参数的名字。
				records : "totalCount"
			},
			rowNum : 3,
			rowList : [ 3, 20, 30 ],
			//pager : "#pager_list_2",
			viewrecords : true,
			editurl : "/collumn/operation",
			hidegrid : false,
			gridComplete : function() {

			}
		});



	// Setup buttons
	// $("#table_list_2").jqGrid('navGrid', '#pager_list_2', {
	// 	edit : true,
	// 	add : true,
	// 	del : true,
	// 	search : false
	// }, {
	// 	height : 300,
	// 	reloadAfterSubmit : true
	// });



    //下面的

    $("#table_list_3").jqGrid(
        {
            caption : "入库动态",
            url : "/collumn/list",
            datatype : "json",
            mtype : "POST",
            colNames : [ 'id',
                '栏目标题',
                '栏目图标',
                '是否被删除',
                '创建时间',
                '更新时间',
            ],
            colModel : [
                {
                    name : 'id',
                    index : 'id',
                    editable : true,
                    hidden : true,
                },
                {
                    label : '栏目标题',
                    name : 'title',
                    index : 'title',
                    editable : true,
                    editrules:{edithidden:true}
                },
                {
                    label : '栏目图标',
                    name : 'icon',
                    index : 'icon',
                    editable : true,
                    sortable:false,editable: true,formatter:imageFormat
                },
                {
                    label :'是否被删除',
                    name : 'isDel',
                    index : 'isDel',
                    editable : false,
                },
                {
                    label :'创建时间',
                    name : 'gmtCreate',
                    index : 'gmtCreate',
                    editable : false,
                    sortable:false,editable: true,formatter:GMTToStr
                },
                {
                    label :'更新时间',
                    name : 'gmtModified',
                    index : 'gmtModified',
                    editable : false,
                    sortable:false,editable: true,formatter:GMTToStr
                },
            ],
            height : "50%",
            autowidth : true,
            rownumbers : true,
            jsonReader : {
                root : "dataList",
                page : "currentPage",
                total : "totalPage", //   很重要 定义了 后台分页参数的名字。
                records : "totalCount"
            },
            rowNum : 3,
            rowList : [ 3, 20, 30 ],
            pager : "#pager_list_3",
            viewrecords : true,
            editurl : "/collumn/operation",
            hidegrid : false,
            gridComplete : function() {

            }
        });



    // Setup buttons
    $("#table_list_3").jqGrid('navGrid', '#pager_list_3', {
        edit : true,
        add : true,
        del : true,
        search : false
    }, {
        height : 300,
        reloadAfterSubmit : true
    });






	$(window).bind('resize', function() {
		var width = $('.jqGrid_wrapper').width();
		$('#table_list_2').setGridWidth(width);
        $('#table_list_3').setGridWidth(width);

    });

    function imageFormat( cellvalue, options, rowObject ){
        return '<img src="'+cellvalue+ '"  style="width:50px;height:50px;" />'
    }


    function GMTToStr( cellvalue, options, rowObject){
        var date = new Date(cellvalue);
        var Str=date.getFullYear() + '-' +
            (date.getMonth() + 1) + '-' +
            date.getDate() + ' ' +
            date.getHours() + ':' +
            date.getMinutes() + ':' +
            date.getSeconds()
        return Str
    }
}